<template>
    <div>
         <mt-swipe :auto="4000">
         <mt-swipe-item>1</mt-swipe-item>
        <mt-swipe-item>2</mt-swipe-item>
        <mt-swipe-item>3</mt-swipe-item>
    </mt-swipe>
        <!-- 假如轮播图请求成功 -->
        <!-- <mt-swipe-item v-for="item in swipedata" :key="item.url">
            通过不同类名设置图片 的宽度是自适应,还是100%
            <img :src="item.src" alt="" :class="{fullpage: isfull}" >
        </mt-swipe-item> 
        </mt-swipe>  -->
        
    </div>
</template>
<script>
export default {
    data() {
        return {}
    },
    methods: {},
    props: ['swipedata','isfull']
}
</script>
<style lang="scss" scoped>
     .mint-swipe {
     height: 200px;
     .mint-swipe-item {
         &:nth-child(1) {
             background-color: red;
         }
        &:nth-child(2) {
             background-color: pink;
         }
        &:nth-child(3) {
             background-color: skyblue;
         }
         img {
            //  width: 100%;
            height: 100%;
         }
     }
 }
//  .fullpage {
//      width: 100%;
//  }
</style>